<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>render实例2--添加class及属性.</title>
	<style>
		.bgr{background: #f00;}
	</style>
	<script src="./js/vue.js"></script>
</head>
<body>
	<!-- 模板 -->
	<div id="demo">
		<span>{{message}}</span>
	</div>

	<script>
		var vdata = {
			message:"hello,miaov!"
		}
		// 渲染
		new Vue({
			el:"#demo",
			data:vdata,
			render (createElement){
				return createElement(
					"ul",
					// ul里面的元素或属性设置
					{
						// 添加class类
						class:{
							bgr:true
						},
						// 添加自定义属性
						attrs:{
							abc:"123"
						},
						// 插入dom,在行间添加比在[]里添加权重高
						domProps:{
							// innerHTML:"<li>我是innerHTML添加的li</li>"
						}

					},
					// ul下面的元素设置
					[
						createElement("li",1),
						createElement("li",2),
						createElement("li",3)
					]
				);
			}
		});
	</script>
</body>
</html>